<template>
	<div id="city">
		<CityHeader></CityHeader>
		<ACities  :hotCities="hotCities"   :cities="cities"></ACities>
	</div>

</template>

<script>
//引入组件
import CityHeader from "./pages/header"	
import ACities from "./pages/Acity"	


export default {
     components:{
		CityHeader,
		ACities
	},
	data(){
		return{
			hotCities:[],
			cities:{},
		}
	},
	mounted (){
		this.$http.get("/api/data/city.json")
		.then((res)=>{
			let data=res.data.data;
			this.hotCities=data.hotCities;
			this.cities=data.cities;
//			console.log(data.cities)
			
		})
	}
}
	

</script>

<style>
</style>